﻿<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>用户登录</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Place favicon.ico in the root directory -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">

    <!-- CSS here -->
    <link rel="stylesheet" href="assets/css/preloader.css">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/slick.css">
    <link rel="stylesheet" href="assets/css/backToTop.css">
    <link rel="stylesheet" href="assets/css/meanmenu.css">
    <link rel="stylesheet" href="assets/css/nice-select.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/jquery.fancybox.min.css">
    <link rel="stylesheet" href="assets/css/fontAwesome5Pro.css">
    <link rel="stylesheet" href="assets/css/ui-range-slider.css">
    <link rel="stylesheet" href="assets/css/default.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <style>
        .my-font-size-16 {
            font-size: 16px !important;
        }

        .my-font-weight {
            font-weight: 700 !important;
        }
        #weibo-login{
            margin-right: 30px;
            height: 20px;
        }
        #weibo-login img{
            height: 100%;
            margin-top: -5px;
            margin-right: 3px;
        }

        input{
            border-radius: 5px;
        }
        input::-webkit-input-placeholder {
            color :  #aaa ;
        }
        input:-ms-input-placeholder { // IE 10 +
        color :  #aaa ;
        }
        input:-moz-placeholder { // Firefox 4 -18
        color :  #aaa ;
        }
        input::-moz-placeholder { // Firefox 19 +
        color :  #aaa ;
        }
    </style>
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade
    your browser</a> to improve your experience and security.</p>
<![endif]-->

<!-- Add your site or application content here -->

<!-- preloader area start -->
<div id="loading">
    <div id="loading-center">
        <div id="loading-center-absolute">
            <div id="object"></div>
        </div>
    </div>
</div>
<!-- preloader area end -->

<!-- back to top start -->
<div class="progress-wrap">
    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
        <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/>
    </svg>
</div>
<!-- back to top end -->

<!-- offcanvas area start -->
<div class="offcanvas__area">
    <div class="offcanvas__wrapper">
        <div class="offcanvas__close">
            <button class="offcanvas__close-btn" id="offcanvas__close-btn">
                <i class="fal fa-times"></i>
            </button>
        </div>
        <div class="offcanvas__content">
            <div class="offcanvas__logo mb-40">
                <a href="index.html">
                    <img src="assets/img/logo/logo-black.png" alt="logo">
                </a>
            </div>
            <div class="offcanvas__search mb-25">
                <form action="#">
                    <input type="text" placeholder="What are you searching for?">
                    <button type="submit"><i class="far fa-search"></i></button>
                </form>
            </div>
            <div class="mobile-menu-2 fix"></div>
            <div class="offcanvas__action">

            </div>
        </div>
    </div>
</div>
<!-- offcanvas area end -->
<div class="body-overlay"></div>
<!-- offcanvas area end -->

<main>

    <!-- 左上角 首页 > 登录 start -->
    <section class="breadcrumb__area box-plr-75">
        <div class="container-fluid">
            <div class="row">
                <div class="col-xxl-12">
                    <div class="breadcrumb__wrapper">
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item my-font-size-16 my-font-weight"><a href="index.html">首页</a></li>
                                <li class="breadcrumb-item active my-font-size" aria-current="page">登录</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 左上角 首页 > 登录 end -->

    <!-- 登录页面主体 Start-->
    <section class="login-area pb-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 offset-lg-2">
                    <div class="basic-login">
                        <h3 class="text-center mb-60 my-font-weight">从这里登录</h3>
                        <!-- form表单 -->
                        <form action="http://huyulu666.top/member/web/login" method="post">
                            <!-- 账号 -->
                            <label for="username">账号 <span>**</span>
                                <span th:text="${errors!=null?(#maps.containsKey(errors, 'username')?errors.username:''):''}"></span>
                            </label>
                            <input id="username" type="text" name="username" placeholder="请输入学号/用户名/手机号..."
                                   th:value="${data!=null?(#maps.containsKey(data, 'username')?data.username:''):''}"/>
                            <!-- 密码 -->
                            <label for="password">密码 <span>**</span>
                                <span th:text="${errors!=null?(#maps.containsKey(errors, 'password')?errors.password:''):''}"></span>
                            </label>
                            <input id="password" type="password" name="password" placeholder="请输入密码..."
                                   th:value="${data!=null?(#maps.containsKey(data, 'password')?data.password:''):''}"/>
                            <!-- 记住和忘记密码选择框 -->
                            <div class="login-action mb-20 fix">
                                <span class="log-rem f-left">
                                    <input id="remember" type="checkbox"/>
                                    <label for="remember">记住密码</label>
                                </span>
                                <span class="forgot-login f-right">
                                    <a href="#">忘记密码？</a>
                                </span>
                                <span id="weibo-login" class="forgot-login f-right">
                                    <!--<a href="https://api.weibo.com/oauth2/authorize?client_id=1070192517&response_type=code&redirect_uri=http://huyulu666.top/api/oauth2.0/weibo/success">
                                        <img src="assets/img/logo/weibo.png" />微博登录
                                    </a>-->
                                    <a href="https://api.weibo.com/oauth2/authorize?client_id=1070192517&response_type=code&redirect_uri=http://huyulu666.top/oauth2.0/weibo/success">
                                        <img src="assets/img/logo/weibo.png" />微博登录
                                    </a>
                                    <!--<a href="/oauth2.0/weibo/success">
                                        <img src="assets/img/logo/weibo.png" />微博登录超链接
                                    </a>-->
                                </span>
                            </div>
                            <!-- 登录按钮 -->
                            <button class="t-y-btn w-100 my-font-weight" type="submit">现在登录</button>
                            <div class="or-divide"><span>或者</span></div>
                            <a href="http://huyulu666.top/register.html" class="t-y-btn t-y-btn-grey w-100 my-font-weight">转到注册</a>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 登录页面主体 End-->

</main>

<!-- JS here -->
<script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
<script src="assets/js/vendor/waypoints.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/meanmenu.js"></script>
<script src="assets/js/slick.min.js"></script>
<script src="assets/js/backToTop.js"></script>
<script src="assets/js/jquery.fancybox.min.js"></script>
<script src="assets/js/countdown.js"></script>
<script src="assets/js/nice-select.min.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/magnific-popup.min.js"></script>
<script src="assets/js/jquery-ui-slider-range.js"></script>
<script src="assets/js/ajax-form.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>
